/* =====
    tag
   ===== */
.ui-tag {
  display: inline-block;
  padding: 2px 6px;
  font-size: $font-size-small;
  color: $color-text;
  background-color: map_get($bc1, 200);
  .fa,
  .iconfont {
    color: $color-text-disabled;
  }
}

%font-color {
  color: $color-white;
}

$color-map: (blue, $color-blue), (green, $color-green), (yellow, $color-yellow), (orange, $color-orange), (red, $color-red);

@each $c, $color in $color-map {
  .tag-#{$c} {
    @extend %font-color;
    background: $color;
  }
}